{% extends 'ApplicationBootstrapBundle::layout.html.twig' %}

{% block title %}Sticky Footer and Fixed Top Navbar Example for Bootstrap{% endblock %}

{% block layoutstyle %}
    <link href="{{ asset('bundles/applicationbootstrap/css/examples/navbar_fixed_sticky_footer.css') }}" rel="stylesheet" type="text/css" media="all" />
{% endblock %}

{% block stylesheets %}
    <link href="{{ asset('bundles/applicationbootstrap/css/fonts/font-awesome/font-awesome.css') }}" rel="stylesheet" type="text/css" media="all" />
    <style type="text/css">

		.panel-body .page-header{
		  margin: 0 0 10px;
		  border-bottom: 1px dashed #B6B6B6;
		}

    </style>
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('bundles/applicationbootstrap/js/tables/tablebuttons/tablebuttons.js') }}" type="text/javascript"></script>
    
    <script src="{{ asset('bundles/applicationbootstrap/js/maps/google-maps/mapsSattelite.js') }}" type="text/javascript"></script>
	<script type="text/javascript">
		// Load OpenLayers library and create map
		function OpenLayersMap(){
			LoadOpenLayersScript(LoadTestMap);
		}
		$(document).ready(function() {
			// Load Google Map API and load OpenLayers in callback
			$.getScript('http://maps.google.com/maps/api/js?sensor=false&callback=OpenLayersMap');
			// Add Drag-n-Drop feature
			WinMove();
		});
	</script>
{% endblock %}

{% block navigation %}
    <!-- Fixed navbar -->
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
        
            {% include 'ApplicationBootstrapBundle::_navbar.html.twig' %}
        
        </div>
    </nav>
{% endblock %}

{% block body %}
    <div class="container">
        <div class="page-header">
          <h1>Contact DevOOPS</h1>
        </div>
        <div class="row">
            <div class="col-md-8">
                <div class="panel panel-default">
                    <div class="panel-heading"><i class="fa fa-home"></i> Contacts of company
					    <div class="panel-options pull-right">
			                <button data-widget="collapse" class="btn btn-default btn-xs"><i class="fa fa-minus"></i></button>
			                <button data-widget="expand" class="btn btn-default btn-xs"><i class="fa fa-expand"></i></button>
					        <button data-widget="remove" class="btn btn-default btn-xs"><i class="fa fa-remove"></i></button>
					    </div>
                    </div>
                    <div class="panel-body">
                    
						<div class="card">
							<h4 class="page-header">ABCDEF company</h4>
							<p>
								<span>+1 (123) 444-4123</span> <br>
								<a href="mailto:mail@company.com">mail@company.com</a>
							</p>
						</div>
						<div class="card address">
							<div class="vcard">
								<a href="#">.vCard</a>
							</div>
							<h4 class="page-header">Our adress:</h4>
							<p>
								<span>123456, Silicon walley</span> <br>
								<span>str. Nonest. building 663</span>
							</p>
						</div>
						<div id="map-1" class="box-content olMap" style="height: 300px;"></div>
                    
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading"><i class="fa fa-user"></i> Manager
					    <div class="panel-options pull-right">
			                <button data-widget="collapse" class="btn btn-default btn-xs"><i class="fa fa-minus"></i></button>
			                <button data-widget="expand" class="btn btn-default btn-xs"><i class="fa fa-expand"></i></button>
					        <button data-widget="remove" class="btn btn-default btn-xs"><i class="fa fa-remove"></i></button>
					    </div>
                    </div>
                    <div class="panel-body">
                    
						<div class="card">
							<h4 class="page-header">Jonh Smith</h4>
							<h5 class="page-header">Manager</h5>
							<p>
								<span>+1 (123) 434-123445</span> <br>
								<a href="mailto:jonh@company.com">jonh@company.com</a>
							</p>
						</div>
						<div class="card address">
							<div class="vcard">
								<a href="#"><i class="fa fa-file"></i>.vCard</a>
							</div>
							<h4>Adress:</h4>
							<p>
								<span>123456, Silicon walley</span> <br>
								<span>str. Nonest. building 33</span>
							</p>
						</div>
                    
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading"><i class="fa fa-user"></i> Designer
					    <div class="panel-options pull-right">
			                <button data-widget="collapse" class="btn btn-default btn-xs"><i class="fa fa-minus"></i></button>
			                <button data-widget="expand" class="btn btn-default btn-xs"><i class="fa fa-expand"></i></button>
					        <button data-widget="remove" class="btn btn-default btn-xs"><i class="fa fa-remove"></i></button>
					    </div>
                    </div>
                    <div class="panel-body">
                    
						<div class="card">
							<h4 class="page-header">Chuck Norris</h4>
							<h5 class="page-header">Designer</h5>
							<p>
								<span>+1 (123) 333-856823</span> <br>
								<a href="mailto:chuck@company.com">chuck@company.com</a>
							</p>
						</div>
						<div class="card address">
							<div class="vcard">
								<a href="#"><i class="fa fa-file"></i>.vCard</a>
							</div>
							<h4>Adress:</h4>
							<p>
								<span>123456, Silicon walley</span> <br>
								<span>str. Nonest. building 33</span>
							</p>
						</div>
                    
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading"><i class="fa fa-user"></i> Designer
					    <div class="panel-options pull-right">
			                <button data-widget="collapse" class="btn btn-default btn-xs"><i class="fa fa-minus"></i></button>
			                <button data-widget="expand" class="btn btn-default btn-xs"><i class="fa fa-expand"></i></button>
					        <button data-widget="remove" class="btn btn-default btn-xs"><i class="fa fa-remove"></i></button>
					    </div>
                    </div>
                    <div class="panel-body">
                    
						<address>
							<strong>ABCDE Company, Inc.</strong><br>
							795 Folsom Ave, Suite 600<br>
							San Francisco, CA 94107<br>
							<abbr title="Phone">P:</abbr> (123) 456-7890
						</address>
						<address>
							<strong>Full Name</strong><br>
							<a href="mailto:#">chuck@company.com</a>
						</address>
                    
                    </div>
                </div>
            </div>
        </div>
    </div> <!-- /container -->
{% endblock %}